<!DOCTYPE html>
<html>
	<head>
		{% load staticfiles %}
		<meta charset="utf-8">
		<title>微热点</title>

		<link rel="stylesheet" type="text/css" href="{% static 'News/css/my.css'%}" />
		<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_1347521_n3ox763tbnb.css" />
		<script src="{% static 'News/js/my.js' %}" type="text/javascript" charset="utf-8"></script>
	</head>
	<body onload="addEvent()">
		<table border="" cellspacing="" cellpadding="" width="100%">
			<tr>
				<td colspan="3">
					<div style="background-color: #303133;">
						<div style="margin-left: 5%;">
							<img src="{% static '/News/image/logo1.png'%}">
						</div>

					</div>
				</td>
			</tr>
			<tr>
				<td width="200px" style="background-color: #606266;vertical-align: top">
					<ul class="left_ul">
						<li><a onclick="changeColor(this)" href="#">舆情总览</a></li>
						<li><a onclick="changeColor(this)" href="#">信息汇总</a></li>
						<li><a onclick="changeColor(this)" href="#">两端一微</a></li>
						<li><a onclick="changeColor(this)" href="#">专题监测</a></li>
						<li><a onclick="changeColor(this)" href="#">舆情预警</a></li>
						<li><a onclick="changeColor(this)" href="#">统计分析</a></li>
						<li><a onclick="changeColor(this)" href="#">地域舆情</a></li>
						<li><a onclick="changeColor(this)" href="#">舆情报告</a></li>
						<li><a onclick="changeColor(this)" href="#">我的报纸</a></li>
						<li><a onclick="changeColor(this)" href="#">重点关注</a></li>
						<li><a onclick="changeColor(this)" href="#">在线搜索</a></li>
					</ul>
				</td>
				<td style="vertical-align: top">
					<div id="top">
						<span style="line-height: 36px;">
							<font size="5" color="#409EFF">全景舆情</font>
						</span>
						<div class="search">
							<form action="" method="">
								<select>
									<option value="">标题搜索</option>
									<option value="">全文搜索</option>
									<option value="">来源搜索</option>
									<option value="">作者搜索</option>
								</select>
								<input type="text" name="" id="" value="" placeholder=" 请输入搜索的内容" />
								<button type="submit">搜索</button>
							</form>
						</div>
						<div style="clear: both;"></div>
					</div>
					<div id="filter">
						<ul class="mediaType">
							<li>媒体类型</li>
							<li><a date-index="0" href="javascript:void(0);">全部</a></li>
							<li><a date-index="1" href="javascript:void(0);">微博</a></li>
							<li><a date-index="2" href="javascript:void(0);">微信</a></li>
							<li><a date-index="3" href="javascript:void(0);">知乎</a></li>
							<li><a date-index="4" href="javascript:void(0);">新闻</a></li>
						</ul>
						<hr>
						<ul class="sentiment">
							<li>情感倾向</li>
							<li><a date-index="0" href="javascript:void(0);">全部</a></li>
							<li><a date-index="1" href="javascript:void(0);">正面</a></li>
							<li><a date-index="2" href="javascript:void(0);">中性</a></li>
							<li><a date-index="3" href="javascript:void(0);">负面</a></li>
						</ul>
						<hr>
						<ul class="time_up_down">
							<li>起止时间</li>
							<li><a date-index="0" href="javascript:void(0);">全部</a></li>
							<li><a date-index="1" href="javascript:void(0);">今天</a></li>
							<li><a date-index="2" href="javascript:void(0);">近7天</a></li>
							<li><a date-index="3" href="javascript:void(0);">近30天</a></li>
						</ul>
						<hr>
					</div>
					<div id="show_detail">
						<!-- <table width="100%" border="" cellspacing="" cellpadding="">
							<tr style="text-align: center;">
								<th width="70%">舆情消息</th>
								<th width="10%">来源</th>
								<th width="10%">媒体类型</th>
								<th width="10%">时间</th>
							</tr>
								<tr>
									<td>
										<h4><a href="#">2019男篮世界杯分组赛程 美国队赛程比赛城市时间介绍</a></h4>
										<p>中国男篮5场小组赛、卫冕冠军美国男篮5场小组赛和四...</p>
										<ul>
											<span>主题词：<span>老七 佛光 奥塔哥 科技大学 篮球</span></span>
											<li><i class="iconfont iconlajixiang"></i></li>
											<li><i class="iconfont iconmobilephone"></i></li>
											<li><i class="iconfont iconemail"></i></li>
											<li><i class="iconfont iconremind"></i></li>
											<li><i class="iconfont iconlianjie"></i></li>
											<li><i class="iconfont iconbianji"></i></li>
											<li><i class="iconfont iconjushoucang"></i></li>
										</ul>
									</td>
									<td style="text-align: center;">
										2014世界杯网
									</td>
									<td style="text-align: center;">
										微博
									</td>
									<td style="text-align: center;">
										2019-07-18 15:40:13
									</td>
								</tr>
						</table> -->
					</div>
				</td>
				<td width="200px" style="background-color: #606266;vertical-align: top;">
					<div style="text-align: center;margin: 10px;">
						<a href="#" style="text-decoration: none;font-size: 25px;color: white;padding: 0px;" onclick="fold()">监测专题</a>
					</div>

					<ul class="right_ul">
						<li><a date-index="1" onclick="changeColor_1(this)" href="#">中国男篮</a></li>
						<li><a date-index="2" onclick="changeColor_1(this)" href="#">河北财政</a></li>
					</ul>
				</td>
			</tr>

		</table>
	</body>
</html>
